<template>
<div class="w-100% h-100% flex">
    <div class="w-8px h-20px bg-#2A73D2"></div>
    <div class="flex-1 ml-5px c-#fff bg">
        <div class="text-120px">{{ title }}</div>
    </div>
</div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
    props: ['title'],
    setup(props, { emit }) {

        return {

        }
    }
})

</script>

<style lang="scss" scoped>
.bg{
    background-image: url("@/assets/images/bg-module-title.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
</style>
